<script src="assets/js/go.js"></script>
<script src="pages/js/label_eva_wbal_chart_add.js"></script>


<div id="sample">
    <div class="input-group"
         style="margin: 10px 10px 20px; width: 250px; position: absolute">
        <span class="input-group-addon">流程图名称</span> <input type="text"
                                                            id="flowchart_name" class="form-control" placeholder="请输入流程图名称">
    </div>

    <div id="toolbar" class="btn-group" style="margin: 10px 300px 20px">
        <button id="SaveButton" type="button" class="btn btn-default"
                onclick="save()">
            <span class="glyphicon glyphicon-saved" aria-hidden="true"></span>保存
        </button>
        <!-- <button id="btn_edit" type="button" class="btn btn-default"
            onclick="load()">
            <span class="glyphicon glyphicon-circle-arrow-down"
                aria-hidden="true"></span>加载
        </button> -->
        <button id="btn_out" type="button" class="btn btn-default">
			<span class="glyphicon glyphicon-log-out"
                  aria-hidden="true"></span>退出
        </button>
    </div>
    <!-- <button type="button" id="back" class="btn btn-default btn-sm" style="float:right">
          <span class="glyphicon glyphicon-log-out"></span> 退出
    </button> -->

    <div style="width: 100%; white-space: nowrap;">

		<span style="display: inline-block; vertical-align: top; width: 150px">
			<div id="myPaletteDiv" style="border: solid 1px black; height: 800px"></div>
		</span>
        <span style="display: inline-block; vertical-align: top; width: 74%">
			<div id="myDiagramDiv" style="border: solid 1px black; height: 800px;overflow-y:visible"></div>
		</span>
        <span style="display: inline-block; vertical-align: top; width: 250px">
			<div id="propertiesPanel"
                 style="display: none; padding: 10px 10px 10px; width: 280px">
				<div class="input-group" style="margin:10px 20px 10px">
					<span class="input-group-addon" style="width:90px">所在位置</span>
						  <select  id="work_id" class="form-control selectpicker" title="请选择所在位置"
                                   onchange="workIdChange()" style="width:140px" >
					      </select>
			    </div>
			    <div class="input-group" style="margin:10px 20px 10px">
					<span class="input-group-addon" style="width:90px">设备类型</span>
						  <select  id="select_no" class="form-control selectpicker" title="请选择设备类型"
                                   onchange="selectNoChange()" style="width:140px">
					      </select>
			    </div>
			    <div class="input-group" style="margin:10px 20px 10px">
					<span class="input-group-addon" style="width:90px">设备编号</span>
						  <select  id="select_type" class="form-control selectpicker" title="请选择设备编号"
                                   onchange="selectTypeChange()" style="width:140px" >
					      </select>
			    </div>

				<div class="input-group" style="margin:10px 20px 10px">
					<span class="input-group-addon" style="width:90px">采集数值</span>
					<input id="select_value" readonly="readonly" class="form-control" style = "width:140px">
			    </div>

				<div class="input-group" style="margin:10px 20px 10px">
					<span class="input-group-addon" style="width:90px">设备名称</span>
					<input id="conponentName" readonly="readonly" class="form-control" style = "width:140px">
			    </div>

		    </div>
		</span>

    </div>
    <div>
		<textarea id="mySavedModel"
                  style="width: 100%; height: 50px;  display: none ">
{ "class": "go.GraphLinksModel",
  "linkFromPortIdProperty": "fromPort",
  "linkToPortIdProperty": "toPort",
  "nodeDataArray": [
 ],
  "linkDataArray": [
 ]}
    </textarea>
    </div>
</div>